<!DOCTYPE html>
<html lang="zh_CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Brzjomo's 面积工具-电梯垫版</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
  </head>
  <body>
    <div class="container">
      <!-- 参数 -->
      <div class="row property-parent-box">
        <div class="col">
          <div class="property">预设</div>
          <div class="property">宽幅</div>
          <div class="property">比例</div>
          <div class="property">精度</div>
          <div class="property">张数</div>
          <div class="property">厚度</div>
          <div class="property">单位</div>
          <div class="property">材质</div>
          <div class="property">编号</div>
        </div>
        <div class="col">
          <!-- 设置预设 -->
          <select id="preset">
            <option value="0" selected="selected">常规</option>
            <option value="1">雪柯</option>
          </select>
          <!-- 设置宽幅 -->
          <select id="material-width">
            <option value="1.5">1.5米</option>
            <option value="1.8" selected="selected">1.8米</option>
            <option value="2.0">2米</option>
          </select>
          <!-- 设置制图比例 -->
          <select id="drawing-scale">
            <option value="1" selected="selected">1:1</option>
            <option value="10">1:10</option>
            <option value="100">1:100</option>
          </select>
          <!-- 设置数据精度 -->
          <select id="data-accuracy">
            <option value="1">1位小数</option>
            <option value="2" selected="selected">2位小数</option>
            <option value="3">3位小数</option>
            <option value="4">4位小数</option>
          </select>
          <!-- 设置张数 -->
          <input type="text" name="text-multiply" id="text-multiply" class = "input-field" value="1" />
          <!-- 材料厚度 -->
          <select id="material-thickness">
            <option value="1" selected="selected">2.0</option>
            <option value="2">3.0</option>
            <option value="3">4.5</option>
            <option value="4">6.0</option>
            <option value="5">8.0</option>
          </select>
          <!-- 设置单位 -->
          <select id="unit">
            <option value="0" selected="selected">mm</option>
            <option value="1">cm</option>
            <option value="2">m</option>
          </select>
          <!-- 材质 -->
          <select id="material">
            <option value="0" selected="selected">PVC</option>
          </select>
          <!-- 编号 -->
          <input type="text" name="serial-number" id="serial-number" class = "input-field" value="1" />
        </div>
      </div>
      <!-- 计算按钮 -->
      <div class="row">
        <div>
          <button id="run-button-calculateArea">计算面积</button>
        </div>
        <div>
          <button id="run-button-copySize" class="miniButton">复制尺寸</button>
        </div>
      </div>
      <!-- 额外选项 -->
      <div class="row extra-text-parent-box">
        <input type="checkbox" name="ifInsertCreationTimeStamp" id="ifInsertCreationTimeStamp" class="extraText" />
        <label for="ifInsertCreationTimeStamp">插入创建时间戳</label>
        <input type="checkbox" name="isAlertResult" id="isAlertResult" class="extraText" />
        <label for="isAlertResult">提示运行结果</label>
      </div>
      <!-- 作者相关 -->
      <div class="row">
        <div class="author" id="homePage">- Coded by Brzjomo -</div>
        <div class="author">- Ver 1.0.7 -</div>
      </div>
    </div>
    <!-- JS文件 -->
    <script type="text/javascript" src="js/CSInterface.js"></script>
    <script type="text/javascript" src="js/Vulcan.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
  </body>
</html>
